<template>
	<view class="content">
		<!-- <view class="func_tle">
			<view class="tle_a">
				<image src="@/static/device/gwpeizhi-yunweipeizhi.png" mode=""></image>
			</view>
			<view class="tle_b">
				{{oneTle}}
			</view>
			<view class="tle_c">
				{{twoTle}}
			</view>
		</view> -->
		
		<view class="quick">
			<view class="qu_tle" :style="{background:background}">
				{{oneTle}}
			</view>
			<view class="qu_js">
				{{twoTle}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
				iconUrl:{
					default:'@/static/device/gwpeizhi-yunweipeizhi.png',
					type:String
				},
				oneTle:{
					default:'正文标题',
					type:String
				},
				twoTle:{
					default:'标题描述',
					type:String
				},
				background:{
					default:'#F47600',
					type:String
				}
		  },
		data() {
			return {
			};
		},
		mounted() {},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		
		.quick{
			display: flex;
			justify-content: flex-start;
			align-items: center;
				font-size: 28rpx;
			.qu_tle{
				border-radius: 20rpx 0px 20rpx 0px;
				background: #F47600;
				color: #FFFFFF;
				font-weight: bold;
				padding: 10rpx 30rpx;
				box-sizing: border-box;
				margin-right: 16rpx;
			}
			.qu_js{
				color: #111E36;
			}
		}
	}
</style>
